<html>
<head>
<link rel="stylesheet" type="text/css" href="banner.css" />
<style type="text/css">
body {
	background-color: #E6EFFF;
}
</style>

<script type="text/javascript" src="banner.js"></script>
<script type="text/javascript">
var b;
function init ()
{
	b = new banner ( 'test' );

	b.events [ 'click' ] = function ( banner, pos ) { alert ( "Clicked: " + pos ); };

	b.add_images ( 'gfx/tra001.jpg', 'gfx/tra002.jpg', 'gfx/tra003.jpg', 'gfx/tra004.jpg' );
	b.scroll_timeout = 8;
	b.scroll_step = 2;
	b.show_timeout = 5000;
	b.offset_correction = 10;
	b.render ( 'bann' );
}

function bann_stop ()
{
	b.stop ();
}

function bann_resume ()
{
	b.resume ();
}

function bann_add ()
{
	b.add_images ( 'gfx/tra004.jpg' );
}
</script>
</head>
<body onload="init()">
	<div id="bann"></div>

	<a href="javascript:bann_stop()">stop</a>
	<a href="javascript:bann_resume()">start</a>
	&nbsp;-&nbsp;
	<a href="javascript:bann_add()">Nuova img</a>

</body>
</html>
